<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>云钢</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css">
    <link rel="stylesheet" type="text/css" href="../../css/style.css" />
    <style>
        .aui-bar-light{ color: black; }
        .aui-bar-nav.aui-bar-light .aui-iconfont{ color: black; }
    </style>
</head>

<body>
    <header class="aui-bar aui-bar-nav aui-bar-light" id="header">
        <a class="aui-pull-left aui-btn" onclick="backpage()">
            <span class="aui-iconfont aui-icon-left"></span>
        </a>
        <div class="aui-title">二手物品</div>
    </header>
    <div id="app" v-cloak>
        <div class="aui-searchbar" id="search" style="background: white;">
            <div class="aui-searchbar-input aui-border-radius bg-gray">
                <i class="aui-iconfont aui-icon-search"></i>
                <input type="search" placeholder="请输入关键词" id="search-input">
                <div class="aui-searchbar-clear-btn">
                    <i class="aui-iconfont aui-icon-close"></i>
                </div>
            </div>
            <div class="margin-right" tapmode><i class="aui-iconfont aui-icon-paper"></i>发布</div>
        </div>
        <div class="aui-tab" id="tab">
            <div class="aui-tab-item aui-active">家具</div>
            <div class="aui-tab-item"><div></div>家电</div>
            <div class="aui-tab-item">机械/设备</div>
            <div class="aui-tab-item">手机</div>
            <div class="aui-tab-item">台式机/配件</div>
        </div>
        <div class="padding-tb-xl padding-lr" style="display:flex;justify-content:space-between;flex-wrap: wrap;">
            <div class="margin-top radius" style="width: 48%;">
                <div class="widthmax"><img src="../../image//ershouone.png" alt="" style="width: 100%;"></div> 
                <div style="background: white;" class="widthmax padding">
                    <h4>老船木茶桌客厅简约茶几现代办公茶台实木...</h4>
                    <p class="margin-top">山西省太原市小店区</p>
                    <div class="flex-between margin-top">
                        <div class="flex-between">
                            <div style="width: 1.2rem;"><img src="../../image/send/xx03.png" alt="" class="widthmax"></div>
                            <h4 style="margin-top: 0.1rem;" class="padding-left">王海鄂</h4>
                        </div>
                        <div>
                            <i class="aui-iconfont aui-icon-phone"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="margin-top radius" style="width: 48%;">
                <div class="widthmax"><img src="../../image//ershouone.png" alt="" style="width: 100%;"></div> 
                <div style="background: white;" class="widthmax padding">
                    <h4>老船木茶桌客厅简约茶几现代办公茶台实木...</h4>
                    <p class="margin-top">山西省太原市小店区</p>
                    <div class="flex-between margin-top">
                        <div class="flex-between">
                            <div style="width: 1.2rem;"><img src="../../image/send/xx03.png" alt="" class="widthmax"></div>
                            <h4 style="margin-top: 0.1rem;" class="padding-left">王海鄂</h4>
                        </div>
                        <div>
                            <i class="aui-iconfont aui-icon-phone"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="margin-top radius" style="width: 48%;">
                <div class="widthmax"><img src="../../image//ershouone.png" alt="" style="width: 100%;"></div> 
                <div style="background: white;" class="widthmax padding">
                    <h4>老船木茶桌客厅简约茶几现代办公茶台实木...</h4>
                    <p class="margin-top">山西省太原市小店区</p>
                    <div class="flex-between margin-top">
                        <div class="flex-between">
                            <div style="width: 1.2rem;"><img src="../../image/send/xx03.png" alt="" class="widthmax"></div>
                            <h4 style="margin-top: 0.1rem;" class="padding-left">王海鄂</h4>
                        </div>
                        <div>
                            <i class="aui-iconfont aui-icon-phone"></i>
                        </div>
                    </div>
                </div>
            </div>

            <div class="margin-top radius" style="width: 48%;">
                <div class="widthmax"><img src="../../image//ershouone.png" alt="" style="width: 100%;"></div> 
                <div style="background: white;" class="widthmax padding">
                    <h4>老船木茶桌客厅简约茶几现代办公茶台实木...</h4>
                    <p class="margin-top">山西省太原市小店区</p>
                    <div class="flex-between margin-top">
                        <div class="flex-between">
                            <div style="width: 1.2rem;"><img src="../../image/send/xx03.png" alt="" class="widthmax"></div>
                            <h4 style="margin-top: 0.1rem;" class="padding-left">王海鄂</h4>
                        </div>
                        <div>
                            <i class="aui-iconfont aui-icon-phone"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/aui-tab.js" ></script>

<script type="text/javascript">

    var vm = {
        el: '#app',
        data: {
            list: []
        },
        mounted: function(){
            this.getList();
        },
        methods: {
            getList: function(){
                let that = this;
            }
        }
    }
    apiready = function() {
        $api.fixStatusBar(
            $api.byId("header")
        );
        // window.app = new Vue(vm);
        

    };

    function backpage(){
        api.closeWin({
            name: api.winName
        })
        
    };

    apiready = function(){
        api.parseTapmode();
    }
    var tab = new auiTab({
        element:document.getElementById("tab"),
    },function(ret){
        console.log(ret)
    });
</script>

</html>
